<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{width: 100px;

			height: 50px;
			background-color:darkseagreen;}
			#f1{width: 200px;
			height: 100px;
			background-color:goldenrod ;}
			.f2{font-size: 100px;}
			#f3{width: 500px;
			height: 200px;
			background-color: greenyellow;}
			#f1 #f3 .f4{width: 200px;
			height:50px;
			background-color: palevioletred;}
			#f1 .f4{width: 400px;
			height:80px;
			background-color: red;}
			p{color: goldenrod;font-size: 50px;}
			p.j{font-size: 100px;color: blue;}
			.j{font-size: 150px;
			color: palevioletred}
			/*#1{width: 200PX;
			height: 200PX;
			color: blue}*/
		</style>
	</head>
	<body>
		<!--<div id="1">1</div>
		<div class="2">2</div>
		<div id="3">3</div>
		<div id="4">4</div>-->
		<div id="f1" class="f2">OK</div>
		<div id="f3">
			<div class="f4"></div>
			<div class="f5"></div>
		</div>
		<p>a</p>
		<p class="j">b</p>
		<p>c</p>
		<p>d</p>
	</body>
</html>
		
		